<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script src="./utils.js"></script>
    <script>
        // 1 .请求地址    必须传
        // 2 .请求方式    选填 默认是GET 
        // 3 .是否是异步  选填 默认是true
        // 4 .携带的参数  选填 默认是''  
        // 5 .设置请求头  选填 默认是{content-type:'application/x-www-form-urlencoded'}
        // 6 .获取的数据  选填 默认是字符串  选填是json

        // 1. 回调函数
        // 回调函数语法 但是如果嵌套可能会出现回调地狱

        //  promise 语法   
        // 优点: 1.可以解决回调地狱  
        // 2.可以解决多个异步请求的并发问题  async  await 



        /* 
        
        function ajax(url,method='GET',async=true,data=''){
            // url 请求地址
            // method 请求方式
            // async 是否是异步
            // data 携带的参数 
        }
        ajax('qfedu.com','POST',true,'a=1&b=2')
        

         function ajax(url,,data='',method='GET',async=true){
            // url 请求地址
            // method 请求方式
            // async 是否是异步
            // data 携带的参数 
        }
        ajax('qfedu.com','','POST')
        
        function ajax(options){

        }
        
        ajax({
            url:'qfedu.com',
            method:'POST',
            async:true,
            data:'a=1&b=2'
        })
        
        */
        
        // 1. 创建ajax 对象 

        // 2. 设置请求方式和请求地址

        // 3. xhr.onload = function(){
        // promise  

        // }

        // 4. xhr.send()

        
        
    </script>
</body>
</html>